<template>
  <div class="local">
    <top-bar>
      <site slot="tleft"></site> <tb-right slot="tright"></tb-right>
    </top-bar>
    <div class="xian" slot="tit">
    <search-wp>
      <LOGO slot="logo"></LOGO>
    </search-wp>
    </div>
    <div class="wancheng">
        <div>
            <img src="./common/zkp/img/duigou.jpg" alt="">
            <h2>支付完成</h2>
        </div>
        <div class="aa">
            <span class="cha" @click="dingdan">查看订单</span>
            <span class="fan" @click="shouye">返回首页</span>
        </div>
        <p>订单编号： 20150901144912ah4941</p>
    </div>
    <bottom></bottom>
  </div>
</template>

<script>
import site from '@/components/header/site.vue';
import Bottom from '@/components/bottom/bottom.vue';
import tbRight from '@/components/header/tbRight.vue';
import topBar from '@/components/header/topBar.vue';

import LOGO from '@/components/search/logo.vue';
import searchWp from '@/components/search/searchWp.vue';

export default {
  name: 'zhifuwancheng',
  components: {
    Bottom,
    site,
    tbRight,
    topBar,
    LOGO,
    searchWp,
  },
  methods:{
        shouye() {
            this.$router.push('/')
        },
        dingdan(){
            this.$router.push('/shop')
        }
    },
};
</script>
<style scoped>
.xian{
    border-bottom: 1px #e4e4e4 solid;
}
.wancheng{
    margin: 0 auto;
    text-align: center;
    margin-top: 157px;
    padding-bottom: 110px;
}
.wancheng div>h2{
    font-weight: 100;
    font-size: 30px;
    color: #f08200;
    margin-top: 30px;
}
.wancheng p{
    margin-top: 60px;
    color: #666;
    font-size: 18px;
}
.wancheng .aa{
    display: flex;
    justify-content: center;
    margin-top: 65px;
}
.wancheng .aa span{
    display: inline-block;
    width: 170px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    margin-right: 20px;
    margin-left: 20px;
    border-radius: 5px;
    cursor: pointer;
}
.cha{
    background:#f08200;
}
.fan{
    background: #498e3d;
}
</style>
